﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Menu.aspx.vb" Inherits="Menu" %>

<%@ Register Assembly="MoniMisi2" Namespace="MoniMisi2" TagPrefix="MM2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="App_Themes/Tema/estilos.css" rel="stylesheet" type="text/css" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <MM2:ScriptManager ID="ScriptManager" runat="server">
        </MM2:ScriptManager>
        <MM2:ProveedorDatosServidor ID="ProveedorMenu" runat="server" WebMethod="ManejoMenu">
            <Ordenes>
                <MM2:OrdenDatos Columna="NodoPadre" />
            </Ordenes>
        </MM2:ProveedorDatosServidor>
        <center>
            <h1 style="color: black">
                Demo Menu Dinámico</h1>
            <table style="width: 800px">
                <tr>
                    <td align="left">
                        <MM2:Menu ID="MenuUno" runat="server" CampoId="Nodo" CampoPadre="NodoPadre" CampoEtiqueta="Etiqueta"
                            CampoURL="Url" IdMenu="ProveedorMenu" HTMLEtiqueta="abbr" CssClass="MenuDos">
                        </MM2:Menu>
                    </td>
                    <td align="right">
                        <table>
                            <tr>
                                <td>
                                    <span style="color: black">Seleccione Estilo:</span>
                                    <select id="SeleccionEstilo" onchange="CambioEstilo(this);">
                                        <option value="MenuDos">Dropdown</option>
                                        <option value="MenuUno">Flyout</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span style="color: black">Seleccione Perfil:</span>
                                    <select id="Select1" onchange="CambioPerfil(this);">
                                        <option value="Admin">Administrador</option>
                                        <option value="Jefe">Jefe operacion</option>
                                        <option value="Operador">Operador</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </center>
    </div>
    </form>

    <script type="text/jscript">
        function CambioEstilo(pCombo) {
            document.getElementById("MenuUno").className = pCombo.value
        }
        function CambioPerfil(pCombo) {
            document.getElementById("MenuUno").control.Refrescar(pCombo.value)
        }
    </script>

</body>
</html>
